<h2 class="u-sv1">Meet the team</h2>

<div class="grid-row">
    {% for team_member in team_members %}
    <div class="grid-col-2 grid-col-medium-2 grid-col-small-4">
        {% if team_member.avatar_url %}
        <img src="{{ team_member.avatar_url }}" class="p-media-object__image is-round" alt="">
        {% endif %}
        <div class="p-media-object__details">
        <h3 class="p-heading--5 p-media-object__title">
            <a href="https://github.com/{{ team_member.login }}">{{ team_member.login }}</a>
        </h3>
        <p class="p-media-object__content u-no-margin--bottom">{{ team_member.role }}</p>

        {% if team_member.contributions %}
        <p class="u-text--muted">{{ team_member.contributions }} contribution{% if team_member.contributions != 1 %}s{% endif %}</p>
        {% endif %}
        </div>
    </div>
    {% endfor %}
</div>

{% if contributors %}
<h2 class="u-sv1">Contributors</h2>

<div class="grid-row">
    {% for contributor in contributors%}
    <div class="grid-col-2 grid-col-medium-2 grid-col-small-4">
    <img src="{{ contributor.avatar_url }}" class="p-media-object__image is-round" alt="">
    <div class="p-media-object__details">
        <h3 class="p-heading--5 p-media-object__title">
        <a href="{{ contributor.html_url }}">{{ contributor.login }}</a>
        </h3>
        <p class="p-media-object__content u-no-margin--bottom">{{ contributor.role }}</p>

        {% if contributor.contributions %}
        <p class="u-text--muted">{{ contributor.contributions }} contribution{% if contributor.contributions != 1 %}s{% endif %}</p>
        {% endif %}
    </div>
    </div>
    {% endfor %}
</div>
{% endif %}